﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="../../css/estilos.css" rel="stylesheet" />
    <script src="../../js/jquery-1.9.0.min.js" ></script>
    <script src="../../js/jquery-ui-1.10.0.custom.min.js"></script>
    <link href="../../css/jquery-ui.css" rel="stylesheet" />
     <script>
         $(function () {
             $("#accordion")
               .accordion({
                   header: "> div > h3"
               })
               .sortable({
                   axis: "y",
                   handle: "h3",
                   stop: function (event, ui) {
                       // IE doesn't register the blur when sorting
                       // so trigger focusout handlers to remove .ui-state-focus
                       ui.item.children("h3").triggerHandler("focusout");
                   }
               });
         });
  </script>
</head>
<body style="height:auto;">
    <div >
        <div id="accordion">
  <div class="group">
    <h3>General</h3>
    <div>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top" width="65%"><table width="100%" border="0" cellspacing="1" cellpadding="1">
            <tr>
              <td height="32" class="txt-campos-int">Código</td>
              <td><input name="textfield" type="text" class="txt-box-campos" id="textfield" style="width:165px;" /></td>
              <td class="txt-campos-int">Nombre</td>
              <td><input name="textfield2" type="text" class="txt-box-campos" id="textfield2" style="width:165px;" /></td>
            </tr>
            <tr>
              <td height="32" class="txt-campos-int">Tipo Credito</td>
              <td><div class="field_element">
                <select name="select_administrator" style="width:185px;">
                  <option value="">---Seleccionar---</option>
                  <option value="">Opción 1</option>
                </select>
              </div></td>
              <td class="txt-campos-int">Sub tipo crédito</td>
              <td><span class="field_element">
                <select name="select_administrator2" style="width:185px;">
                  <option value="">---Seleccionar---</option>
                  <option value="">Opción 1</option>
                </select>
              </span></td>
            </tr>
            <tr>
              <td height="32" class="txt-campos-int">Destino</td>
              <td><span class="field_element">
                <select name="select_administrator3" style="width:185px;">
                  <option value="">---Seleccionar---</option>
                  <option value="">Opción 1</option>
                </select>
              </span></td>
              <td class="txt-campos-int">Moneda</td>
              <td><span class="field_element">
                <select name="select_administrator4" style="width:185px;">
                  <option value="">---Seleccionar---</option>
                  <option value="">Opción 1</option>
                </select>
              </span></td>
            </tr>
            <tr>
              <td height="32" class="txt-campos-int">Fuente</td>
              <td><span class="field_element">
                <select name="select_administrator5" style="width:185px;">
                  <option value="">---Seleccionar---</option>
                  <option value="">Opción 1</option>
                </select>
              </span></td>
              <td class="txt-campos-int">Línea</td>
              <td><span class="field_element">
                <select name="select_administrator6" style="width:185px;">
                  <option value="">---Seleccionar---</option>
                  <option value="">Opción 1</option>
                </select>
              </span></td>
            </tr>
            <tr>
              <td height="32" class="txt-campos-int">Fecha Activación</td>
              <td><input class="txt-box-datapicker-campos" id="dp1" type="text" style="width:165px;" value="" /></td>
              <td class="txt-campos-int">Fecha Vencimiento</td>
              <td><input class="txt-box-datapicker-campos" id="dp2" type="text" style="width:165px;" value="" /></td>
            </tr>
            <tr>
              <td height="32" class="txt-campos-int">Aplica Interés</td>
              <td><span class="field_element">
                <select name="select_administrator7" style="width:185px;">
                  <option value="">---Seleccionar---</option>
                  <option value="">Opción 1</option>
                </select>
              </span></td>
              <td class="txt-campos-int">Estado</td>
              <td><span class="field_element">
                <select name="select_administrator8" style="width:185px;">
                  <option value="">---Seleccionar---</option>
                  <option value="">Opción 1</option>
                </select>
              </span></td>
            </tr>
            <tr>
              <td class="txt-campos-int">Descripción</td>
              <td colspan="3"><textarea name="textarea" id="textarea" cols="45" class="textarea-box" style="width:86%; height:55px;" rows="4"></textarea></td>
            </tr>
          </table></td>
          <td width="35%" align="center" valign="top"><fieldset id="el02" style="width:335px;">
            <legend><b>Datos de Producto</b><br />
              </legend>
            <table width="100%" border="0" cellspacing="2" cellpadding="1">
              <tr>
                <td width="12%" align="center"><input type="checkbox" name="checkbox" id="checkbox" /></td>
                <td width="88%" class="txt-campos-int"> Requiere Garantía</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
                <td class="txt-campos-int">Requiere Aval</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" name="checkbox3" id="checkbox3" /></td>
                <td class="txt-campos-int">verificación Domiciliaria</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" name="checkbox4" id="checkbox4" /></td>
                <td class="txt-campos-int">Genera Aviso de Vencimiento</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" name="checkbox5" id="checkbox5" /></td>
                <td class="txt-campos-int">Genera Aviso de Protesto</td>
              </tr>
            </table>
            <legend></legend>
          </fieldset>
            <br />
            <fieldset id="Fieldset1" style="width:335px;">
              <legend><b>ITF</b><br />
                </legend>
              <table width="100%" border="0" cellspacing="2" cellpadding="1">
                <tr>
                  <td width="12%" align="center"><input type="checkbox" name="checkbox" id="checkbox1" /></td>
                  <td width="88%" class="txt-campos-int"> ITF al Desembolso</td>
                </tr>
                <tr>
                  <td align="center"><input type="checkbox" name="checkbox2" id="checkbox6" /></td>
                  <td class="txt-campos-int"> ITF al Pago de Cuota</td>
                </tr>
                <tr>
                  <td align="center"><input type="checkbox" name="checkbox3" id="checkbox7" /></td>
                  <td class="txt-campos-int">ITF a la Cancelación</td>
                </tr>
              </table>
              <legend></legend>
            </fieldset></td>
        </tr>
      </table>
      <div class="btn-acciones">
  <table width="28%" align="center" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td align="center"><BUTTON class="skip" type="submit">Grabar</BUTTON></td>
      <td align="center"><BUTTON class="close" onclick="window.parent.CerrarModal();">Cancelar</BUTTON></td>
      </tr>
  </table>
</div>
    </div>
  </div>
  <div class="group">
    <h3>Financieros</h3>
    <div>
      <p>Contenido 2</p>
    </div>
  </div>
  <div class="group">
    <h3>Asociar</h3>
    <div>
      <p>Contenido 3</p>
      
    </div>
  </div>
  <div class="group">
    <h3>Tarifario</h3>
    <div>
      <p>Contenido 4</p>
    </div>
  </div>
  
   <div class="group">
    <h3>Autonomías</h3>
    <div>
      <p>Contenido 5</p>
    </div>
  </div>
</div>
    </div>
</body>
</html>
